@charset "utf-8";

.qq-upload-drop-area, .qq-upload-extra-drop-area {position: absolute;top: 0;left: 0; width: 100%;height: 100%;min-height: 30px;z-index: 2;background: #FF9797;text-align: center}
.qq-upload-drop-area span {display: block;position: absolute;top: 50%;width: 100%;margin-top: -8px;font-size: 16px}
.qq-upload-extra-drop-area {position: relative;margin-top: 50px;font-size: 16px;padding-top: 30px;height: 20px;min-height: 40px}
.qq-upload-drop-area-active {background: #FF7171}

.uploadBtn{height:40px;width:71px; position:relative; display:inline-block; text-align:center;line-height:40px;background:url(../image/upGrey.jpg) repeat-x left top;border:1px solid #c8c8c8;color:#6a6a6a; overflow:hidden;font-size:12px; cursor:pointer}
.uploadBtn.small{height:36px;border:1px solid #abadb3; background:url(../image/hbtn.jpg) repeat-x left bottom;font-size:14px;line-height:36px}
.uploadBtn input{ position:absolute;height:40px;z-index:2;right:0;top:0;filter:alpha(opacity=0); -moz-opacity:0; opacity:0; cursor:pointer;font-size:16px}
.uploadBtn.blue{background:url(../image/upBlue.jpg) repeat-x left top;border:1px solid #2494cb;color:#fff}

.uploadBtn.noLong{width:auto;padding:0 10px}
.newType{visibility:hidden}
.newType.on{visibility:visible}


.circleGray{zoom:1}
.circleGrayTop{height:3px;background:url(../image/circleBox.png) no-repeat left top;margin-right:3px}
.circleGrayTop p{height:3px; position:relative;left:3px;background:url(../image/circleBox.png) no-repeat right -183px}
.circleGrayCenter{ background:#eee}
.circleGrayBottom{height:3px; background:url(../image/circleBox.png) no-repeat left -180px;margin-right:3px}
.circleGrayBottom p{height:3px; position:relative;left:3px;background:url(../image/circleBox.png) no-repeat right -363px}
.circleGray:hover .popAlert{ visibility:visible}
.circleGray .popAlert .span{ margin-left:5px; padding-left:0}
.circleGray.or{}
.circleGray.or .circleGrayTop{height:3px;background:url(../image/circleBoxOr.png) no-repeat left top;margin-right:3px}
.circleGray.or .circleGrayTop p{height:3px; position:relative;left:3px;background:url(../image/circleBoxOr.png) no-repeat right -183px}
.circleGray.or .circleGrayCenter{ background:#ffffe4;border-left:1px solid #ffdc7f;border-right:1px solid #ffdc7f}
.circleGray.or .circleGrayBottom{height:3px; background:url(../image/circleBoxOr.png) no-repeat left -180px;margin-right:3px}
.circleGray.or .circleGrayBottom p{height:3px; position:relative;left:3px;background:url(../image/circleBoxOr.png) no-repeat right -363px}

.circleGray.white{}
.circleGray.white .circleGrayTop{height:3px;background:url(../image/circleBoxWhite.png) no-repeat left top;margin-right:3px}
.circleGray.white .circleGrayTop p{height:3px; position:relative;left:3px;background:url(../image/circleBoxWhite.png) no-repeat right -183px}
.circleGray.white .circleGrayCenter{ background:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}
.circleGray.white .circleGrayBottom{height:3px; background:url(../image/circleBoxWhite.png) no-repeat left -180px;margin-right:3px}
.circleGray.white .circleGrayBottom p{height:3px; position:relative;left:3px;background:url(../image/circleBoxWhite.png) no-repeat right -363px}

.circleGray.black{}
.circleGray.black .circleGrayTop{height:3px;background:url(../image/gBox.png) no-repeat left top;margin-right:3px}
.circleGray.black .circleGrayTop p{height:3px; position:relative;left:3px;background:url(../image/gBox.png) no-repeat right -64px}
.circleGray.black .circleGrayCenter{ background:#7f7f7f;border-left:1px solid #4e4e4e;border-right:1px solid #4e4e4e}
.circleGray.black .circleGrayBottom{height:3px; background:url(../image/gBox.png) no-repeat left -61px;margin-right:3px}
.circleGray.black .circleGrayBottom p{height:3px; position:relative;left:3px;background:url(../image/gBox.png) no-repeat right -125px}

.upTBoxTable{width:100%}

.upTBoxTable td,.norTable .upTBoxTable td{padding:10px;border:0}
.upTBoxTable textarea{border:1px solid #c1c1c1;width:540px;height:63px;padding:5px;color:#aaaaaa}
.upTBoxTable textarea.focus{color:#000;border:1px solid #ffba00}


.loader{border:1px solid #ef9400;height:11px;width:200px}
.loader span{display:inline-block; background:#ffba00;height:10px;border-top:1px solid #ffbe10}
.upT{ background:url(../image/upT.png) no-repeat left top;width:35px;height:35px; display:inline-block; cursor:move}
.upT:hover{background:url(../image/upT.png) no-repeat left -35px}
.close{ background:url(../image/close.png) no-repeat left top;width:23px;height:23px; display:inline-block}
.close:hover{background:url(../image/close.png) no-repeat left -23px}